<template>
  <header>
    <div class="wrapper">
      <nav>
        <RouterLink to="/StuDemo1">选项式API</RouterLink>
        <RouterLink to="/StuDemo2">组合式API</RouterLink>
        <RouterLink to="/StuDemo3">改造组合式API</RouterLink>
        <RouterLink to="/StuDemo4">组合式API-自定义渲染-返回函数</RouterLink>
        <RouterLink to="/StuDemo5">组合式API-自定义渲染-JSX</RouterLink>
        <RouterLink to="/StuDemo6">setup 语法糖</RouterLink>
        <RouterLink to="/StuDemo7">setup 语法糖支持ts写法</RouterLink>
        <RouterLink to="/StuDemo8">模板语法-文本</RouterLink>
        <RouterLink to="/StuDemo9">模板语法-属性</RouterLink>
        <RouterLink to="/StuDemo10">内置指令</RouterLink>
        <RouterLink to="/StuDemo11">案例：Tab切换</RouterLink>
        <RouterLink to="/StuDemo12">案例：计算器</RouterLink>
        <RouterLink to="/StuDemo13">绑定 HTML class</RouterLink>
        <RouterLink to="/StuDemo14">绑定内联样式 Style</RouterLink>
        <RouterLink to="/StuDemo15">声明响应式状态 ref & reactive</RouterLink>
        <RouterLink to="/StuDemo16">Reactive包装注意事项</RouterLink>
        <RouterLink to="/StuDemo17">Proxy</RouterLink>
        <RouterLink to="/StuDemo18">Reactive Proxy</RouterLink>
        <RouterLink to="/StuDemo19">Reactive包装注意事项补充</RouterLink>
        <RouterLink to="/StuDemo20">额外的ref解包细节</RouterLink>
        <RouterLink to="/StuDemo21">响应式 API:工具函数</RouterLink>
        <RouterLink to="/StuDemo22">shallowReactive() & shallowReadonly()</RouterLink>
        <RouterLink to="/StuDemo23">shallowRef() & triggerRef()</RouterLink>
        <RouterLink to="/StuDemo24">toRaw() & markRaw()</RouterLink>
        <RouterLink to="/StuDemo25">customRef()</RouterLink>
        <RouterLink to="/StuDemo26"
          >effectScope() & getCurrentScope() & onScopeDispose()</RouterLink
        >
        <RouterLink to="/StuDemo27">effectScope改造1</RouterLink>
        <RouterLink to="/StuDemo28">effectScope案例2</RouterLink>
        <RouterLink to="/StuDemo29">effectScope案例3</RouterLink>
        <RouterLink to="/StuDemo30">effectScope案例4</RouterLink>
        <RouterLink to="/StuDemo31">计算属性</RouterLink>
        <RouterLink to="/StuDemo32">侦听器watch</RouterLink>
        <RouterLink to="/StuDemo33">侦听模拟请求数据</RouterLink>
        <RouterLink to="/StuDemo34">侦听器watchEffect</RouterLink>
        <RouterLink to="/StuDemo35">侦听器使用场景</RouterLink>
        <RouterLink to="/StuDemo36">案例：学生管理系统</RouterLink>
        <RouterLink to="/StuDemo37">组件注册和引入</RouterLink>
        <RouterLink to="/StuDemo38">组件传值 props</RouterLink>
        <RouterLink to="/StuDemo39">props泛型参数</RouterLink>
        <RouterLink to="/StuDemo40">组件事件emit</RouterLink>
        <RouterLink to="/StuDemo41">defineEmits带类型声明</RouterLink>
        <RouterLink to="/StuDemo42">defineEmits带类型声明</RouterLink>
        <RouterLink to="/StuDemo43">插槽slot</RouterLink>
        <RouterLink to="/StuDemo44">插槽slot案例</RouterLink>
        <RouterLink to="/StuDemo45">props+slot案例</RouterLink>
        <RouterLink to="/StuDemo46">组合式 API：生命周期钩子</RouterLink>
        <RouterLink to="/StuDemo47">组件 v-model</RouterLink>
        <RouterLink to="/StuDemo48">组合式函数</RouterLink>
        <RouterLink to="/StuDemo49">defineExpose</RouterLink>
        <RouterLink to="/StuDemo50">案例：学生管理系统2</RouterLink>
        <RouterLink to="/StuDemo51">案例：购物车</RouterLink>
        <RouterLink to="/StuDemo52">路由页面跳转</RouterLink>
        <RouterLink to="/StuDemo53">404页面</RouterLink>
        <RouterLink to="/StuDemo54">嵌套路由</RouterLink>
        <RouterLink to="/StuDemo55">动态路由</RouterLink>
        <RouterLink to="/StuDemo56">路由基础知识点总结</RouterLink>
        <RouterLink to="/StuDemo57">路由基础知识点命名视图</RouterLink>
        <RouterLink to="/StuDemo58">路由基础知识点重定向</RouterLink>
        <RouterLink :to="{name:'dayStuDemo59'}">路由基础知识点name名</RouterLink>
        <!-- <RouterLink :to="{path:'/StuDemo59Rechristen'}">路由基础知识点别名</RouterLink> -->
        <RouterLink :to="{path:'/StuDemo59Rechristen1'}">路由基础知识点别名1</RouterLink>
        <RouterLink :to="{path:'/StuDemo59Rechristen2'}">路由基础知识点别名2</RouterLink>
        <RouterLink :to="{path:'/StuDemo59Rechristen3'}">路由基础知识点别名3</RouterLink>
        <RouterLink to="/StuDemo60">路由基础知识路由组件传参</RouterLink>
        <RouterLink to="/StuDemo61">通过 RouterView传值</RouterLink>
        <RouterLink to="/StuDemo62">路由进阶</RouterLink>
        <RouterLink to="/StuDemo63">状态管理pinia</RouterLink>
        <RouterLink to="/StuDemo64">状态管理pinia进阶</RouterLink>
        <RouterLink to="/StuDemo65">使用内置的fetchAPI进行请求</RouterLink>
        <RouterLink to="/StuDemo66">axios 安装和使用</RouterLink>
        <RouterLink to="/StuDemo67">axios实例封装</RouterLink>
        <RouterLink to="/StuDemo68">axios实例封装api使用</RouterLink>
        <RouterLink to="/StuDemo69">element-plus安装</RouterLink>
        <RouterLink to="/StuDemo70">插槽复习</RouterLink>
        <RouterLink to="/StuDemo71">文件上传</RouterLink>
      </nav>
    </div>
  </header>
</template>

<script lang="ts">
export default {
  name: 'HeaderPage',
};
</script>

<script lang="ts" setup></script>

<style lang="scss"></style>
